<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Handbag</title>
        <meta name="description" content="Handbag" />
        <link rel="stylesheet" type="text/css" href="../../assets/css/reset.css" />
        <link rel="stylesheet" type="text/css" href="js/nivo-slider.css" />
        <link rel="stylesheet" type="text/css" href="js/tinycarousel.css" />
        <link rel="stylesheet" type="text/css" href="js/default.css" />
        <link rel="stylesheet" href="js/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <script src="js/jquery.nivo.slider.pack.js" type="text/javascript" charset="utf-8"></script>
        <link href='http://fonts.googleapis.com/css?family=Fanwood+Text' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Lusitana' rel='stylesheet' type='text/css'>


    </head>
    <body>
        <div id="wrapper">	
            <div id="top">
                <div id="wrapper_menu">
                    <!--HMENU WIDGET [slug:menu, library:3, widget instance:1]-->
                    <div id="menu_wi_1" class="menu_3"> 
                        <!--Load css of widget-->
                        <!--<link rel="stylesheet" type="text/css" href="../../widget/hmenu/2/hmenu_2.css" />-->
                        <style>
                            #wrapper_menu{
                                width:100%;
                                background: url(images/menu_bg.png) repeat-x;
                                height: 82px;
                            }

                            .menu_3{
                                width:934px;
                                margin:0px auto;
                            }

                            .menu_3 ul li{
                                float:left;
                                width:129px;
                                height:82px;
                                text-align: center;
                                background: url(images/menu_items_divider_bg.png) no-repeat left;
                                line-height: 82px;
                            }

                            .menu_3 ul li a:link, .menu_3 ul li a:visited{
                                font-family: tahoma;
                                color:#b1b1b1;
                                font-size: 12px;
                                text-transform: uppercase;
                                display: block;

                            }

                            .menu_3 ul li.active a{
                                color:#ffffff;
                                background: url(images/menu_items_hover_bg.png) no-repeat center;  
                            }

                            .menu_3 ul li a:hover{
                                color:#ffffff;
                                background: url(images/menu_items_hover_bg.png) no-repeat center;

                            }

                            .menu_3 ul li:last-child{
                                background: url(images/menu_items_last_bg.png) no-repeat center;
                                width:129px;
                                height:82px;

                            }

                        </style>
                        <ul class="menu">
                            <li class="active"><a href="home.html">Home</a>
                            <li><a href="#">About us</a>
                            <li><a href="#">Services</a>
                            <li><a href="#">Practices</a>
                            <li><a href="#">Reosources</a>
                            <li><a href="gallery.html">Gallery</a>
                            <li class="last"><a href="contact.html">Contact Us</a>
                        </ul>
                    </div>
                    <!--END HMENU WIDGET--> 
                </div>
                <!--End #wrapper_menu-->   
            </div>
            <!--END top-->

            <div id="main">
                <div id="wrapper_header">
                    <div id="hook_header">
                      
                        <!--LOGO WIDGET [slug:logo, library:2, widget instance:1]-->
                        <div id="logo_wi_1" class="logo_2"> 
                            <!--Load css of widget-->
                            <!--<link rel="stylesheet" type="text/css" href="../../widget/hmenu/2/hmenu_2.css" />-->
                            <style>
                                #wrapper_header{
                                    min-height: 200px;
                                    background: #3b474d;
                                }
                                    
                                #wrapper_header #hook_header{
                                    width:934px;
                                    margin:0px auto;
                                                                            position:relative;
                                                                            height:500px;
                                }
                                    
                                .logo_2{
                                    width:450px;
                                    position:absolute;
                                                                            top:0px;left:0px;
                                }
                                    
                                .logo_2 h1,h3{
                                    font-family: Arial;
                                }
                                    
                                .logo_2 h1{
                                    font-size: 45px;
                                    text-transform: uppercase;
                                    font-weight: normal;
                                    text-align: left;
                                    color:#ffffff;
                                    margin:25px 0px 10px 0px;
                                }
                                    
                                .logo_2 h3{
                                    font-size: 20px;
                                    font-weight: normal;
                                    text-align: left;
                                    color:#b1b1b1;
                                        
                                }
                            </style>
                                
                            <h1>
                                privator
                            </h1>
                            <h3>
                                Lawyer Bureau
                            </h3>
                                
                        </div>
                        <!--END LOGO WIDGET--> 
                     

                  
                            <!--SEARCH BAR WIDGET [slug:search, library:2, widget instance:1]-->
                           
                            <div id="search_bar_wi_1" class="search_bar_2"> 
                                <!--Load css of widget-->
                                <!--<link rel="stylesheet" type="text/css" href="../../widget/hmenu/2/hmenu_2.css" />-->
                                <style>
                                    .search_bar_2{
                                 
                                        width:450px;
                                        position:absolute;
										top:0px;left:500px;
                                  
                                    }
                                    .search_bar_2 .searchText{
                                        border:none;
                                        width:263px;
                                        height:41px;
                                        background: #364349;
                                        border:1px solid #47565d;
                                        line-height: 41px;
                                        padding-left:10px;
                                        color:#161a1c;
                                        font-family: Tahoma;
                                        font-size: 12px;
                                    }

                                    .search_bar_2 .buttonSearch{
                                        border:none;
                                        position:absolute;
                                        right: 20px;
                                        top: 16px;
                                        background: url(images/search_icon.png) no-repeat;
                                        height:20px;

                                    }
                                </style>
                                <form id="searchForm" class="searchForm" action="#" method="post">
                                    <input type="text" class="searchText" id="searchText" value="Search Keyword Here ..."/> 
                                    <input type="submit" class="buttonSearch" id="buttonSearch" value=""/>
                                </form>
                            </div>
                            <!--END SEARCH WIDGET--> 
                      </div>
                        <div class="clear"></div>

                        <div id="wrapper_banner">
                            <style>
                                #wrapper_banner{
                                    margin-top:30px;
                                }
                            </style>
                            <!--HOME BANNER WIDGET [slug:home_banner, library:2, widget instance:1]-->
                            <div id="home_banner_wi_1" class="home_banner_2"> 
                                <style>
                                    .home_banner_2 .banner_image_box{
                                        width: 934px;
                                        height: 389px;
                                        margin:0px auto;
                                        background: url(images/image_box_shadow.png) no-repeat center bottom;
                                    }
                                </style>
                                <div class="banner_image_box">
                                    <img src="images/banner.png" alt="banner image" />
                                </div><!-- End #banner_image_box -->
                            </div>
                            <!-- End HOME BANNER WIDGET -->
                        </div><!--End #wrapper_banner-->

                        <div id="wrapper_slogan">
                            <style>
                                #wrapper_slogan{
                                    margin-top: 40px;
                                    margin-bottom:10px;
                                }
                            </style>
                            <!--HTML SLOGAN WIDGET [slug:html_slogan, library:0, widget instance:1]-->
                            <div id="html_slogan_wi_1" class="html_slogan_2"> 
                                <style>
                                    .html_slogan_2{
                                        width: 934px;
                                        text-align: center;
                                    }

                                    .html_slogan_2 ul{
                                        margin:0px auto;

                                    }

                                    .html_slogan_2 ul li{
                                        display:inline;
                                        text-align: center;
                                    }

                                    .html_slogan_2 ul li.slogan_icon_left{
                                        background: url(images/slogan_icon.png) no-repeat left;
                                        padding-left:75px;
                                        padding-top:55px;
                                    }

                                    .html_slogan_2 ul li.slogan_content{
                                        font-size:36px;
                                        font-style: italic;
                                        color:#b1b1b1;
                                        font-family: 'Fanwood Text', serif;
                                    }

                                    .html_slogan_2 ul li.slogan_content span{
                                        color:#50b9ea;
                                    }

                                    .html_slogan_2 ul li.slogan_signature{
                                        font-family: 'Great Vibes', cursive;
                                        font-size: 25px;
                                        color:#ffffff;
                                        height:40px;
                                        display: block;
                                    }

                                </style>
                                <ul>
                                    <li class="slogan_icon_left"></li>
                                    <li class="slogan_content">Tôi có 1 khát khao là cho mọi người càng nhiều tiền càng tốt</li>
                                    <li class="slogan_signature"><span>Trung Linh</span></li>
                                </ul>
                                <div class="clear"></div>
                            </div>
                            <!-- End HTML SLOGAN WIDGET -->
                        </div><!--End #wrapper_slogan-->

                    </div><!--End #header_section-->

                    <div id="main_content">
                        <style>
                            #main_content{
                                background:#ffffff;
                                min-height:200px;
                                margin-bottom:20px;

                            }

                        </style>

                        <div id="wrapper_introduction">
                            <style>
                                #wrapper_introduction{
                                    padding-top: 25px;
                                }
                            </style>
                            <!--HTML INTROEDUCTION CONTENT WIDGET [slug:html_introduction content, library:1, widget instance:1]-->
                            <div id="html_introduction_content_wi_1" class="html_introduction_content_1"> 
                                <style>
                                    .html_introduction_content_1 ul{
                                        width:936px;
                                        overflow:hidden;
                                        margin:0px auto;
                                        padding-left: 10px;
                                    }

                                    .html_introduction_content_1 ul li{
                                        width:269px;
                                        float:left;
                                        margin-right: 64px;

                                    }

                                    .html_introduction_content_1 ul li.last, .html_introduction_content_1 ul li:last-child{
                                        margin-right: 0px;

                                    }

                                    .html_introduction_content_1 ul li h2{
                                        font:18px 'Lusitana', serif;
                                        color:#364349;
                                        margin-bottom: 15px;
                                    }
                                    .html_introduction_content_1 ul li p{
                                        font:11px Tahoma;
                                        color:#838282;
                                        margin-bottom: 15px;
                                        line-height: 1.5em;
                                    }

                                    .html_introduction_content_1 ul li img{
                                        width:265px;
                                        height:142px;
                                        margin-bottom: 15px;
                                    }
                                </style>

                                <ul>
                                    <li>
                                        <h2>More Than Just a Lawyer</h2>
                                        <img src="images/home/intro_1.png"/>
                                        <p>Lorem ipsum dolor sit amet, consectetuer 
                                            adipiscing elit, sed diam nonummy nibh euismod 
                                            tincidunt ut laoreet dolore magna aliquam erat 
                                            volutpat.
                                        </p>
                                    </li>
                                    <li>
                                        <h2>More Than Just a Lawyer</h2>
                                        <img src="images/home/intro_1.png"/>
                                        <p>Lorem ipsum dolor sit amet, consectetuer 
                                            adipiscing elit, sed diam nonummy nibh euismod 
                                            tincidunt ut laoreet dolore magna aliquam erat 
                                            volutpat.
                                        </p>
                                    </li>
                                    <li class="last">
                                        <h2>More Than Just a Lawyer</h2>
                                        <img src="images/home/intro_1.png"/>
                                        <p>Lorem ipsum dolor sit amet, consectetuer 
                                            adipiscing elit, sed diam nonummy nibh euismod 
                                            tincidunt ut laoreet dolore magna aliquam erat 
                                            volutpat.
                                        </p>
                                    </li>

                                </ul>
                                <div class="clear"></div>
                            </div>
                            <!-- End HTML SLOGAN WIDGET -->
                        </div><!--End #wrapper_introduction-->

                        <div id="wrapper_news">
                            <div id="news_col_left">
                                <style>
                                    #wrapper_news{
                                        width:936px;
                                        margin:0px auto;
                                        margin-top:30px;
                                    }
                                    #news_col_left{
                                        float:left;
                                        width:558px;
                                    }
                                </style>
                                <div id="wrapper_service">
                                    <style>
                                        #wrapper_service{
                                            width:558px;

                                        }
                                    </style>
                                    <!--SERVICE LISTING WIDGET [slug:service listing, library:0, widget instance:1]-->
                                    <div id="service_listing_wi_1" class="service_listing_0"> 
                                        <style>
                                            .service_listing_0 h2.service_header{
                                                font:18px 'Lusitana', serif;
                                                color:#364349;
                                                margin-bottom: 20px;
                                                padding-bottom:5px;
                                                border-bottom:1px solid #cecece;
                                            }

                                            .service_listing_0 ul{
                                                width:555px;
                                                overflow:hidden;
                                                padding-left: 10px;
                                            }

                                            .service_listing_0 ul li{
                                                width:248px;
                                                float:left;
                                                margin-right: 55px;
                                                margin-bottom: 30px;
                                            }

                                            .service_listing_0 ul li.right{
                                                margin-right: 0px;

                                            }

                                            .service_listing_0 ul li .number{
                                                background: url(images/list_number_bg.png) no-repeat;
                                                width:36px;
                                                height:36px;
                                                text-align: center;
                                                font:18px Arial;
                                                color:#ffffff;
                                                line-height: 36px;
                                                float: left;
                                                margin-right: 15px;
                                            }

                                            .service_listing_0 ul li .service_content{
                                                width:190px;
                                                float: right;

                                            }

                                            .service_listing_0 ul li .service_content h2{
                                                font:14px 'Lusitana', serif;
                                                color:#50b9ea;
                                                margin-bottom: 5px;
                                            }

                                            .service_listing_0 ul li .service_content p{
                                                font:12px Tahoma;
                                                color:#9b9a9a;
                                                margin-bottom: 15px;
                                            }

                                            .service_listing_0 ul li .service_content .read_more{
                                                padding-left: 15px;
                                                background: url(images/read_more_icon.png) no-repeat left;
                                            }

                                            .service_listing_0 ul li .service_content .read_more a:link, .service_listing_0 ul li .service_content .read_more a:visited{
                                                font:11px Tahoma;
                                                color:#4d4848;
                                            }

                                            .service_listing_0 ul li .service_content .read_more a:hover{
                                                color:#888888;
                                            }

                                        </style>
                                        <h2 class="service_header">
                                            Areas Of Practices
                                        </h2>
                                        <ul>
                                            <li>
                                                <div class="number">1</div><!-- End .number -->
                                                <div class="service_content">
                                                    <h2>Unfair Debt Collection</h2>
                                                    <p>Lorem ipsum dolor sit amet, conse ctetueradipiscing elit, sed diam nonu my nibh euismod tinc.</p>
                                                    <div class="read_more"><a href="#">See more</a></div><!--End .read_more-->
                                                    <div class="clear"></div>
                                                </div><!-- End .service_content -->
                                            </li>

                                            <li class="right">
                                                <div class="number">2</div><!-- End .number -->
                                                <div class="service_content">
                                                    <h2>Unfair Debt Collection</h2>
                                                    <p>Lorem ipsum dolor sit amet, conse ctetueradipiscing elit, sed diam nonu my nibh euismod tinc.</p>
                                                    <div class="read_more"><a href="#">See more</a></div><!--End .read_more-->
                                                    <div class="clear"></div>
                                                </div><!-- End .service_content -->
                                            </li>

                                            <li>
                                                <div class="number">3</div><!-- End .number -->
                                                <div class="service_content">
                                                    <h2>Unfair Debt Collection</h2>
                                                    <p>Lorem ipsum dolor sit amet, conse ctetueradipiscing elit, sed diam nonu my nibh euismod tinc.</p>
                                                    <div class="read_more"><a href="#">See more</a></div><!--End .read_more-->
                                                    <div class="clear"></div>
                                                </div><!-- End .service_content -->
                                            </li>

                                            <li class="right">
                                                <div class="number">4</div><!-- End .number -->
                                                <div class="service_content">
                                                    <h2>Unfair Debt Collection</h2>
                                                    <p>Lorem ipsum dolor sit amet, conse ctetueradipiscing elit, sed diam nonu my nibh euismod tinc.</p>
                                                    <div class="read_more"><a href="#">See more</a></div><!--End .read_more-->
                                                    <div class="clear"></div>
                                                </div><!-- End .service_content -->
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- End SERVICE LISTING WIDGET -->
                                </div><!--End #wrapper_service-->

                            </div><!--End #news_col_left-->

                            <div id="news_col_right">
                                <style>
                                    #news_col_right{
                                        float:right;
                                        width:315px;

                                    }
                                </style>
                                <!--NEWS LIST WIDGET [slug:news list, library:4, widget instance:1]-->
                                <div id="news_list_wi_1" class="news_list_0"> 
                                    <style>
                                        .news_list_0 h2.news_list_header{
                                            font:18px 'Lusitana', serif;
                                            color:#364349;
                                            margin-bottom: 20px;
                                            padding-bottom:5px;
                                            border-bottom:1px solid #cecece;
                                        }
                                        
                                        .news_list_0 ul li{
                                            padding-bottom:20px;
                                            background: url(images/news_list_divider.png) repeat-x bottom;
                                            margin-bottom:20px;
                                        }

                                        .news_list_0 ul li.last, .news_list_0 ul li:last-child{
                                            background: none;
                                        }

                                        .news_list_0 ul li h2{
                                            font:12px 'Lusitana', serif;
                                            color:#50b9ea;
                                            text-align: center;
                                            margin-bottom: 15px;
                                        }

                                        .news_list_0 ul li p{
                                            font:11px Tahoma;
                                            color:#919191;
                                            text-align: justify;

                                        }
                                    </style>
                                    <h2 class="news_list_header">
                                        Highlights
                                    </h2>
                                    <ul>
                                        <li>
                                            <h2>Febuary 22th, 2012</h2>
                                            <p>Lorem ipsum amet, consectetuer adipiscing elit, sed diam nonummy t laoreet dolore magna aliquam erat volutpat.</p>
                                        </li>

                                        <li>
                                            <h2>Febuary 22th, 2012</h2>
                                            <p>Lorem ipsum amet, consectetuer adipiscing elit, sed diam nonummy t laoreet dolore magna aliquam erat volutpat.</p>
                                        </li>

                                        <li>
                                            <h2>Febuary 22th, 2012</h2>
                                            <p>Lorem ipsum amet, consectetuer adipiscing elit, sed diam nonummy t laoreet dolore magna aliquam erat volutpat.</p>
                                        </li>

                                        <li class="last">
                                            <h2>Febuary 22th, 2012</h2>
                                            <p>Lorem ipsum amet, consectetuer adipiscing elit, sed diam nonummy t laoreet dolore magna aliquam erat volutpat.</p>
                                        </li>
                                    </ul>

                                </div>
                                <!-- End News list WIDGET -->
                            </div><!--End #news_col_right-->
                            <div class="clear"></div>
                        </div><!--End #wrapper_news-->

                    </div><!--End #main_content-->



                </div><!--End #main-->



                <div id="wrapper_footer">
                    <style>
                        #wrapper_footer{
                            height:169px;
                            background: url(images/footer_bg.png) repeat-x;
                        }
                        #footer_section{
                            width:1000px;
                            margin:0px auto;

                        }
                    </style>
                    <div id="footer_section">
                        <!--FOOTER WIDGET [slug:footer, library:1, widget instance:1]-->
                        <style>
                            .footer_1 .footer_left{
                                float:left;
                                width:248px;
                            }

                            .footer_1 .footer_left .footer_logo{
                                background: url(images/footer_logo_bg.png) no-repeat center;
                                width:248px;
                                height:180px;
                                margin-top:-16px;
                                padding-top:10px;


                            }
                            .footer_1 .footer_left .footer_logo h1, .footer_1 .footer_left .footer_logo h3{
                                font-family: Arial;
                                margin-left:50px;
                            }

                            .footer_1 .footer_left .footer_logo h1{
                                font-size: 30px;
                                text-transform: uppercase;
                                font-weight: normal;
                                color:#ffffff;
                                margin-bottom: 5px;
                                margin-top: 55px;


                            }

                            .footer_1 .footer_left .footer_logo h3{
                                font-size: 14px;
                                font-weight: normal;
                                color:#b1b1b1;

                            }

                            .footer_1 .footer_right{
                                float:right;
                                width:730px;
                            }

                            .footer_1 .footer_right ul.small_nav_1{
                                display:block;
                                margin-top: 30px;
                            }

                            .footer_1 .footer_right ul.small_nav_1 li{
                                display:inline;
                                padding-right: 15px;
                                padding-left: 5px;
                                background: url(images/footer_menu_divider.png) no-repeat right;


                            }

                            .footer_1 .footer_right ul.small_nav_1 li.last{
                                background: none;

                            }

                            .footer_1 .footer_right ul.small_nav_1 li a{
                                font-family: tahoma;
                                color:#777575;
                                font-size: 11px;


                            }

                            .footer_1 .footer_right ul.small_nav_2{
                                display:block;
                                margin-top: 20px;
                            }

                            .footer_1 .footer_right ul.small_nav_2 li{
                                display:inline;
                                padding-right: 15px;
                                padding-left: 5px;
                                background: url(images/footer_menu_divider.png) no-repeat right;


                            }

                            .footer_1 .footer_right ul.small_nav_2 li.last{
                                background: none;

                            }

                            .footer_1 .footer_right ul.small_nav_2 li a{
                                font-family: tahoma;
                                color:#353535;
                                font-size: 11px;

                            }

                            .footer_1 .footer_bottom{
                                margin-top:30px;
                            }

                            .footer_1 .footer_bottom .copyright{
                                float:left;
                                width:345px;
                            }

                            .footer_1 .footer_bottom .copyright p{
                                font-family: Tahoma;
                                font-size:10px;
                                color:#7e7f81;
                                margin-top: 25px;
                            }

                            .footer_1 .footer_bottom .social_network{
                                float:right;
                                width: 250px;
                            }

                            .footer_1 .footer_bottom .social_network ul li{
                                float:left;
                                width:40px;
                                height:40px;
                                margin-right:10px;
                            }



                        </style>
                        <div id="footer_wi_1" class="footer_1"> 
                            <div class="footer_left">
                                <div class="footer_logo">
                                    <h1>
                                        privator
                                    </h1>
                                    <h3>
                                        Lawyer Bureau
                                    </h3>
                                </div><!--End .footer_logo-->

                            </div><!--End .footer_left-->

                            <div class="footer_right">
                                <ul class="small_nav_1">
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li class="last"><a href="#">Personal information</a></li>
                                </ul>

                                <ul class="small_nav_2">
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li class="last"><a href="#">Personal information</a></li>
                                </ul>

                                <div class="footer_bottom">
                                    <div class="copyright">
                                        <p>
                                            ©2012 POWERED BY PRIVATO™. ALL RIGHT RESERVED.
                                        </p>
                                    </div><!--End .copyright -->

                                    <div class="social_network">
                                        <ul>
                                            <li><a href="#"><img src="images/youtube_icon.png" alt="youtube"/></a></li>
                                            <li><a href="#"><img src="images/facebook_icon.png" alt="facebook"/></a></li>
                                            <li><a href="#"><img src="images/googleplus_icon.png" alt="google+"/></a></li>
                                            <li><a href="#"><img src="images/rss_icon.png" alt=""/></a></li>
                                            <li><a href="#"><img src="images/twitter_icon.png" alt="twitter"/></a></li>
                                        </ul>
                                    </div><!--End .social_network -->
                                    <div class="clear"></div>
                                </div><!--End .footer_bottom -->
                            </div><!--End .footer_right-->
                            <div class="clear"></div>
                        </div>
                        <!--END FOOTER WIDGET--> 

                    </div><!--End #footer_section-->

                </div><!--End #wrapper_footer-->
            </div>
            <!--END wrapper-->
    </body>
</html>